<div  class="black-scroll flight-dynamic">
    <div style="overflow-x: auto;margin-top: 20px;">
        <div style="min-width: 800px;width: 100%">
            <el-row class="consume-panel">
                    <el-col :span="5" >
                        <div class="solid-border">
                            <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">预计起飞航班</div>
                            <div class="tab-left">
                               <el-card shadow="never" v-for="a,index in expectedTakeOff" style="font-size:12px; " class="card-body">
                                     <el-row   class="thin-row-top" type="flex"  justify="space-around">
                                        <el-col :span="2"   class="span-item-left"><div class="radius-span" >{{index}}</div></el-col>
                                        <el-col :span="6" class="span-item-center button-block"><span >{{a.flightInfo.flightNum}}</span></el-col>
                                        <el-col :span="10"   class="span-item-center pit-button-block"><span >{{a.originating+'-'+a.destination}}</span></el-col>
                                        <!--<el-col :span="6"   class="span-item-center button-block"><span class="span-item-right">{{(a.takeOffTime?moment(a.takeoffTime).format("HHmm"):"")+"/"+(a.arriveTime?moment(a.arriveTime).format("HHmm"):"")}}</span></el-col>-->
                                    </el-row>
                                </el-card>
                            </div>
                        </div>
                    </el-col>
                    <el-col :span="14" >

                        <el-row>
                            <el-col :span="8">    <div class="solid-border">
                                <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">正在保障航班</div>
                                <div class="tab-center">

                                   <el-card shadow="never" v-for="a,index in safeguard" style="font-size:12px; " class="card-body">
                                        <el-row   class="thin-row-top" type="flex"  justify="space-around">
                                            <el-col :span="2"   class="span-item-left"><div class="radius-span" >{{index}}</div></el-col>
                                            <el-col :span="6" class="span-item-center button-block"><span >{{a.flightInfo.flightNum}}</span></el-col>
                                            <el-col :span="10"   class="span-item-center pit-button-block"><span >{{a.originating+'-'+a.destination}}</span></el-col>
                                            <!--<el-col :span="6"   class="span-item-center button-block"><span class="span-item-right">{{(a.takeOffTime?moment(a.takeoffTime).format("HHmm"):"")+"/"+(a.arriveTime?moment(a.arriveTime).format("HHmm"):"")}}</span></el-col>-->
                                        </el-row>
                                    </el-card>

                                </div>
                            </div></el-col>
                            <el-col :span="8">    <div class="solid-border">
                                <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">已起飞航班</div>
                                <div  class="tab-center">

                                   <el-card shadow="never" v-for="a,index in flying" style="font-size:12px; " class="card-body">
                                        <el-row   class="thin-row-top" type="flex"  justify="space-around">
                                            <el-col :span="2"   class="span-item-left"><div class="radius-span" >{{index}}</div></el-col>
                                            <el-col :span="6" class="span-item-center button-block"><span >{{a.flightInfo.flightNum}}</span></el-col>
                                            <el-col :span="10"   class="span-item-center pit-button-block"><span >{{a.originating+'-'+a.destination}}</span></el-col>
                                            <!--<el-col :span="6"   class="span-item-center button-block"><span class="span-item-right">{{(a.takeOffTime?moment(a.takeoffTime).format("HHmm"):"")+"/"+(a.arriveTime?moment(a.arriveTime).format("HHmm"):"")}}</span></el-col>-->
                                        </el-row>
                                    </el-card>

                                </div>
                            </div></el-col>
                            <el-col :span="8">    <div class="solid-border">
                                <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">异常航班</div>
                                <div class="tab-center">

                                   <el-card shadow="never" v-for="a,index in abnormals" style="font-size:12px; " class="card-body">
                                        <el-row   class="thin-row-top" type="flex"  justify="space-around">
                                            <el-col :span="2"   class="span-item-left"><div class="radius-span" >{{index}}</div></el-col>
                                            <el-col :span="6" class="span-item-center button-block"><span >{{a.flightInfo.flightNum}}</span></el-col>
                                            <el-col :span="10"   class="span-item-center pit-button-block"><span >{{a.originating+'-'+a.destination}}</span></el-col>
                                            <!--<el-col :span="6"   class="span-item-center button-block"><span class="span-item-right">{{(a.takeOffTime?moment(a.takeoffTime).format("HHmm"):"")+"/"+(a.arriveTime?moment(a.arriveTime).format("HHmm"):"")}}</span></el-col>-->
                                        </el-row>
                                    </el-card>

                                </div>
                            </div></el-col>
                        </el-row>
                    </el-col>
                    <el-col :span="5" > <div class="solid-border solid-border-right">
                        <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">计划落地航班</div>
                        <div  class="tab-right">

                           <el-card shadow="never" v-for="a,index in expectedArrive" style="font-size:12px; " class="card-body">
                                <el-row   class="thin-row-top" type="flex"  justify="space-around">
                                    <el-col :span="2"   class="span-item-left"><div class="radius-span" >{{index}}</div></el-col>
                                    <el-col :span="6" class="span-item-center button-block"><span >{{a.flightInfo.flightNum}}</span></el-col>
                                    <el-col :span="10"   class="span-item-center pit-button-block"><span >{{a.originating+'-'+a.destination}}</span></el-col>
                                    <!--<el-col :span="6"   class="span-item-center button-block"><span class="span-item-right">{{(a.takeOffTime?moment(a.takeoffTime).format("HHmm"):"")+"/"+(a.arriveTime?moment(a.arriveTime).format("HHmm"):"")}}</span></el-col>-->
                                </el-row>
                            </el-card>

                        </div>
                    </div>
                    </el-col>
            </el-row>

            <el-row class="consume-panel">
                 <!--<h1 style="text-align:center;color:white"><span>航班动态详情</span></h1>-->
                <enter ref="enter" :parentData="childrenData"></enter>
            </el-row>
        </div>
    </div>
</div>